<template>
	<!-- 商品售后 -->
	<view class="Jy_after_sales_page">
		<view class="Jy_collection_empty_group" v-if="true">
			<DataEmpty imageUrl="https://louiscloud-1304691295.cos.ap-guangzhou.myqcloud.com/home/%E6%9A%82%E6%97%A0%E8%AE%A2%E5%8D%95.png" startPadding="true" bgColor="#fff" tipsText="您还没有售后单~"></DataEmpty>
		</view>
		<view class="Jy_after_sales_box" v-else>
			<view class="Jy_order_swiper_list" v-for="(item, index) in 10" :key="index">
				<view class="Jy_order_swiper_list_container">
					<view class="store_info_group">
						<view class="left_store_info_box">
							<view class="store_icon_box">
								<image src="../../../../static/home/logo.png" mode="aspectFill"></image>
							</view>
							<view class="store_name">
								<text>商家名称</text>
							</view>
							<view class="right_icon_box">
								<u-icon name="arrow-right" color="#000000" size="12"></u-icon>
							</view>
						</view>
						<view class="order_state_box">
							<text>退款成功/等待商家退款</text>
						</view>
					</view>
					<view class="shop_info_group" @click="getOrderDetail()">
						<view class="shop_image_box">
							<image src="../../../../static/home/logo.png" mode="aspectFill"></image>
						</view>
						<view class="shop_info_group">
							<view class="shop_name_box">
								<text>商品名称商品名称商品名称商品名称商品名称商品名称商品名称称商品名称称商品名称</text>
							</view>
							<view class="shop_parameter_box">
								<text>商品规格</text>
							</view>
						</view>
						<view class="shop_price_group">
							<view class="shop_price_box">
								<text>￥</text>
								<text>11.5</text>
							</view>
							<view class="shop_number_box">
								<text>x</text>
								<text class="number">1</text>
							</view>
						</view>
					</view>
					
					<!-- 订单实际付款 -->
					<view class="yin_paypaly_group">
						<view class="yin_paypaly_box">
							<text class="big_font">应付款</text>
							<text class="small_font mg_left">￥</text>
							<text class="big_font">11.5</text>
						</view>
					</view>
					
					<!-- 售后单操作按钮区域 -->
					<view class="order_option_group">
						<view class="left_more_box">
							<text></text>
						</view>
						<view class="right_option_button_group">
							<view class="button_box">
								<text>删除售后单</text>
							</view>
							<view class="button_box require_wu_button" @click="getAfterSalesDetail()">
								<text>售后详情</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// 数据为空
	import DataEmpty from '../../../../components/DataEmpty.vue';
	
	export default {
		components: {
			DataEmpty
		},
		data() {
			return {
				
			};
		},
		methods: {
			// 跳转到售后详情
			getAfterSalesDetail() {
				uni.navigateTo({
					url: '/pagesA/main/customerMyCenter/afterSalesDetail/afterSalesDetail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import 'afterSales.scss';
</style>
